<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>乐购电子商城-品牌专区</title>
    <!-- 引入公共样式  -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/common.css">
    <!-- 引入当前文件样式  -->
    <link rel="stylesheet" href="./css/special.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header">
        <!-- 头部黑色 -->
        <div class="head-black container clearfix">
            <span class="fl">www.legou.com</span>
            <div class="black-right fr">
                <span class="fl">欢迎光临乐购</span>
                <div class="log fr">
                    <a href="#">登录</a>
                    <a href="#">注册</a>
                </div>
            </div>
        </div>
        <!-- logo部分 -->
        <div class="head-nav">
            <div class="container clearfix">
                <div class="logo fl">
                    <img src="./img/logo.jpg" alt="">
                </div>
                <div class="nav-right fl">
                    <input type="text" placeholder="请输入搜索的商品名称">
                    <button><img src="./img/ser.png" alt=""></button>
                </div>
                <div class="btn-car fr">
                    <span class="car"> <img src="./img/sCart.png" alt=""> 购物车 <i>0</i> </span>
                    <span class="order">我的订单</span>
                </div>
                <ul class="list">
                    <li><a class="active" href="#">图书</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">原创文学</a></li>
                    <li><a href="#">服装</a></li>
                    <li><a href="#">运动户外</a></li>
                    <li><a href="#">孕婴童</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">家居</a></li>
                    <li><a href="#">地方特产</a></li>
                    <li><a href="#">海外购</a></li>
                    <li><a href="#">电器城</a></li>

                </ul>
            </div>
        </div>

    </div>

    <!-- banner -->
    <div class="banner">
        <div class="container banner-con">
            <img src="./img/2banner.png" alt="">
            <div class="banner-box">
                <h2>潮流新区</h2>
                <ul class="banner-list clearfix">
                    <li>
                        <h4>大家都在穿</h4>
                    </li>
                    <li class="list fl"><a href="#">当季新品</a></li>
                    <li class="list fl"><a href="#">商场同款</a></li>
                    <li class="list fl"><a href="#">天猫独家</a></li>
                    <li class="list fl"><a href="#">连衣裙</a></li>
                    <li class="list fl"><a href="#">卫衣</a></li>
                    <li class="list fl"><a href="#">短外套</a></li>
                    <li class="list fl"><a href="#">衬衫</a></li>
                    <li class="list fl"><a href="#">气质套装</a></li>
                    <li class="list fl"><a href="#">毛衣</a></li>
                    <li class="list fl"><a href="#">短裙</a></li>
                    <li class="list fl"><a href="#">纱裙</a></li>
                </ul>
                <ul class="banner-list clearfix">
                    <li>
                        <h4>品质上装</h4>
                    </li>
                    <li class="list fl"><a href="#">当季新品</a></li>
                    <li class="list fl"><a href="#">商场同款</a></li>
                    <li class="list fl"><a href="#">天猫独家</a></li>
                    <li class="list fl"><a href="#">连衣裙</a></li>
                    <li class="list fl"><a href="#">卫衣</a></li>
                    <li class="list fl"><a href="#">短外套</a></li>
                    <li class="list fl"><a href="#">衬衫</a></li>
                </ul>
                <ul class="banner-list clearfix">
                    <li>
                        <h4>特色服饰</h4>
                    </li>
                    <li class="list fl"><a href="#">时尚套装</a></li>
                    <li class="list fl"><a href="#">休闲套装</a></li>
                    <li class="list fl"><a href="#">妈妈装</a></li>
                    <li class="list fl"><a href="#">大码女装</a></li>
                    <li class="list fl"><a href="#">卫衣</a></li>
                    <li class="list fl"><a href="#">套装裙</a></li>
                    <li class="list fl"><a href="#">皮草</a></li>
                    <li class="list fl"><a href="#">雪纺长裙</a></li>
                    <li class="list fl"><a href="#">哈伦裤</a></li>
                    <li class="list fl"><a href="#">短裤</a></li>
                    <li class="list fl"><a href="#">风衣</a></li>
                </ul>
            </div>
        </div>
    </div>

    <!-- brand -->
    <div class="brand container">
        <!-- 上面 -->
        <div class="brand-on clearfix">
            <div class="brand-on-left fl">
                <div class="jiantou">
                    <h3>品牌闪购</h3>
                    <a href="#"><img src="./img/jiantou.png" alt=""></a>
                </div>
                <div class="left-con">
                    <img src="./img/sweater.png" alt="">
                    <div class="black-box">
                        <img src="./img/little.png" alt="">
                        <span>初秋时尚</span>
                        <i>全场三折起</i>
                    </div>
                </div>
            </div>
            <div class="brand-on-center fl">
                <div class="center-top">
                    <h3>聚名品</h3>
                    <i>LUXURY CHANNEL</i>
                    <a href="#"><img src="./img/jiantou.png" alt=""></a>
                </div>
                <div class="center-btm">
                    <img src="./img/juming.png" alt="">
                    <div class="center-black">
                        <img src="./img/little.png" alt="">
                        <span>特会上新</span>
                        <i>大牌限时折扣</i>
                    </div>
                </div>
            </div>
            <div class="brand-on-right fl">
                <div class="center-top">
                    <h3>品牌活动</h3>
                    <i>BRAND ACTIVITY</i>
                    <a href="#"><img src="./img/jiantou.png" alt=""></a>
                </div>
                <div class="center-btm">
                    <img src="./img/juming.png" alt="">
                    <div class="center-black">
                        <img src="./img/little.png" alt="">
                        <span>特会上新</span>
                        <i>大牌限时折扣</i>
                    </div>
                </div>
            </div>
        </div>
        <!-- 下面 -->
        <div class="brand-under">
            <ul class="clearfix">
                <li class="fl"><a href="#"><img src="./img/brand-two1.png" alt=""></a></li>
                <li class="fl"><a href="#"><img src="./img/brand-two2.png" alt=""></a></li>
                <li class="fl"><a href="#"><img src="./img/brand-two3.png" alt=""></a></li>
                <li class="fl"><a href="#"><img src="./img/brand-two4.png" alt=""></a></li>
            </ul>
        </div>
    </div>

    <!-- 女装 -->
    <div class="women-clothing container">
        <!-- 上面标题 -->
        <div class="show-title">
            <h2>女装热销</h2>
            <p>Ladies Fashion Hot Sell</p>
        </div>
        <!-- 下面内容 -->
        <div class="show-picture clearfix">
            <!-- 左 -->
            <div class="show-picture-left fl">
                <div class="pic-left-link clearfix">
                    <a class="fl" href="#">口红</a>
                    <a class="fr" href="#">女装</a>
                    <a class="fl" href="#">女包</a>
                    <a class="fr" href="#">女鞋</a>
                </div>
            </div>
            <!-- 中 -->
            <div class="show-picture-center fl">
                <div class="picture-center1 fl">
                    <a href="#"><img class="left-img" src="./img/nvzhuang1 (2).jpg" alt=""></a>
                </div>
                <div class="picture-center2 fl">
                    <h6 title="cen-title">ONLY2019秋冬新款弹力女裤</h6>
                    <p class="cen-tit">秋装上新款</p>
                    <img class="cen-img" src="./img/xmck.jpg" alt="">
                    <i>¥</i><span>179.00</span>
                    <del>¥230.00</del>
                </div>
                <div class="picture-center3 fl">
                    <h6 title="cen-title">ONLY2019秋冬新款弹力女裤</h6>
                    <p class="cen-tit">秋装上新款</p>
                    <img class="cen-img" src="./img/xmdk.jpg" alt="">
                    <i>¥</i><span>179.00</span>
                    <del>¥230.00</del>
                </div>
                <div class="picture-center4 fl">
                    <a href="#"><img class="left-img" src="./img/nvzhuang1 (1).jpg" alt=""></a>
                </div>
            </div>
            <!-- 右 -->
            <div class="show-picture-right fl">
                <!-- 头部标题 -->
                <div class="girl-tit">
                    <ul class="fl">
                        <li class="girl-tab fl active">女装销量</li>
                        <li class="girl-tab fl">爆买热款</li>
                        <li class="girl-tab fl">实时更新</li>
                    </ul>
                </div>
                <!-- 内容区域 -->
                <div class="girl-con">
                    <!-- 女装销量 -->
                    <div class="girl-item current">
                        <ul class="rank-ul">
                            <li class="rank-item active">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 爆买热款 -->
                    <div class="girl-item">
                        <ul class="rank-ul">
                            <li class="rank-item active">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 实时更新 -->
                    <div class="girl-item">
                        <ul class="rank-ul">
                            <li class="rank-item active">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 男装 -->
    <div class="women-clothing container">
        <!-- 上面标题 -->
        <div class="show-title">
            <h2>男装热销</h2>
            <p>Ladies Fashion Hot Sell</p>
        </div>
        <!-- 下面内容 -->
        <div class="show-picture clearfix">
            <!-- 左 -->
            <div class="show-picture-left show-picture-left fl">
                <div class="pic-left-link clearfix">
                    <a class="fl" href="#">口红</a>
                    <a class="fr" href="#">女装</a>
                    <a class="fl" href="#">女包</a>
                    <a class="fr" href="#">女鞋</a>
                </div>
            </div>
            <!-- 中 -->
            <div class="show-picture-center fl">
                <div class="picture-center1 fl">
                    <a href="#"><img class="left-img" src="./img/nvzhuang1 (2).jpg" alt=""></a>
                </div>
                <div class="picture-center2 fl">
                    <h6 title="cen-title">ONLY2019秋冬新款弹力女裤</h6>
                    <p class="cen-tit">秋装上新款</p>
                    <img class="cen-img" src="./img/xmck.jpg" alt="">
                    <i>¥</i><span>179.00</span>
                    <del>¥230.00</del>
                </div>
                <div class="picture-center3 fl">
                    <h6 title="cen-title">ONLY2019秋冬新款弹力女裤</h6>
                    <p class="cen-tit">秋装上新款</p>
                    <img class="cen-img" src="./img/xmdk.jpg" alt="">
                    <i>¥</i><span>179.00</span>
                    <del>¥230.00</del>
                </div>
                <div class="picture-center4 fl">
                    <a href="#"><img class="left-img" src="./img/nvzhuang1 (1).jpg" alt=""></a>
                </div>
            </div>
            <!-- 右 -->
            <div class="show-picture-right fl">
                <!-- 头部标题 -->
                <div class="girl-tit">
                    <ul class="fl">
                        <li class="girl-tab fl active">女装销量</li>
                        <li class="girl-tab fl">爆买热款</li>
                        <li class="girl-tab fl">实时更新</li>
                    </ul>
                </div>
                <!-- 内容区域 -->
                <div class="girl-con">
                    <!-- 女装销量 -->
                    <div class="girl-item current">
                        <ul class="rank-ul">
                            <li class="rank-item active">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 爆买热款 -->
                    <div class="girl-item">
                        <ul class="rank-ul">
                            <li class="rank-item active">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <!-- 实时更新 -->
                    <div class="girl-item">
                        <ul class="rank-ul">
                            <li class="rank-item active">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (1).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4 (2).png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                            <li class="rank-item">
                                <p class="clo-tit">乐町牛仔外套女19秋季新款短外套女</p>
                                <div class="wardrobe clearfix">
                                    <img src="./img/nvzhuang4.png" alt="" class="fl">
                                    <p>乐町牛仔外套女19秋季新款短外套女</p>
                                    <i>¥</i><span>199.00</span>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <!-- 品牌专区 -->
    <div class="brands container">
        <div class="show-title">
            <h2>品牌专区</h2>
            <p>Ladies Fashion Hot Sell</p>
        </div>
        <!-- 品牌上 -->
        <div class="brands-nan">
            <img src="./img/nan (4).jpg" alt="">
            <div class="brands-text fr">
                <h4>XX品牌</h4>
                <p>HLA JEANS更注重与年青一代的情感沟通，提出“不普通的普通人”的品牌主张，鼓励年轻群体在生活之中坚持小自我，在平凡之中展现小个性，在平淡之中发现小乐趣，活出自己的与众小不同。</p>
                <a href="#">品牌特卖中 <i>>></i> </a>
            </div>
        </div>
        <!-- 品牌下 -->
        <div class="brands-sw clearfix">
            <div class="brands-sw1 fl">
                <img src="./img/nan.jpg" alt="">
                <button>❥收藏品牌</button>
                <h6>GOLD SHARK</h6>
                <p>品质男装 秋季焕新</p>
            </div>
            <div class="brands-sw1 fl">
                <img src="./img/nan (1).jpg" alt="">
                <button>❥收藏品牌</button>
                <h6>GOLD SHARK</h6>
                <p>品质男装 秋季焕新</p>
            </div>
            <div class="brands-sw1 fl">
                <img src="./img/nan (2).jpg" alt="">
                <button>❥收藏品牌</button>
                <h6>GOLD SHARK</h6>
                <p>品质男装 秋季焕新</p>
            </div>
            <div class="brands-sw1 fl">
                <img src="./img/nan (3).jpg" alt="">
                <button>❥收藏品牌</button>
                <h6>GOLD SHARK</h6>
                <p>品质男装 秋季焕新</p>
            </div>
        </div>
    </div>


    <!-- foot -->
    <div class="foot">
        <div class="foot-content container">
            <ul class="foot-img">
                <li>
                    <img src="./img/foot-img1.jpg" alt="">
                    <p>正品保障</p>
                    <span>正品行货 放心选购</span>
                </li>
                <li>
                    <img src="./img/foot-img2.jpg" alt="">
                    <p>满86包邮</p>
                    <span>满86元 免运费</span>
                </li>
                <li>
                    <img src="./img/foot-img3.jpg" alt="">
                    <p>售后无忧</p>
                    <span>7天无理由退货</span>
                </li>
                <li>
                    <img src="./img/foot-img4.jpg" alt="">
                    <p>准时送达</p>
                    <span>收货时间由你做主</span>
                </li>
            </ul>

            <div class="line"></div>

            <div class="foot-link">
                <div class="link-left clearfix">
                    <ul class="fl link-left-list">
                        <li>
                            <h4>新手入门</h4>
                            <a href="#">购物流程</a>
                            <a href="#">会员制度</a>
                            <a href="#">订单查询</a>
                            <a href="#">服务协议及隐私说明</a>
                            <a href="#">网站地图</a>
                        </li>
                        <li>
                            <h4>支付方式</h4>
                            <a href="#">货到付款</a>
                            <a href="#">网上支付</a>
                            <a href="#">礼品卡支付</a>
                            <a href="#">其它支付</a>
                        </li>
                        <li>
                            <h4>配送服务</h4>
                            <a href="#">配送进度查询</a>
                            <a href="#">商品验货与签收</a>
                        </li>
                        <li>
                            <h4>相关规则</h4>
                            <a href="#">平台规则</a>
                            <a href="#">退换货政策</a>
                            <a href="#">发票制度</a>
                            <a href="#">帮助中心</a>
                        </li>
                    </ul>
                    <div class="link-right fr">
                        <div class="link-right-code1 fl">
                            <p>App更优惠</p>
                            <img src="./img/qryhd.png" alt="">
                        </div>
                        <div class="link-right-code2 fr">
                            <p>加微信查订单</p>
                            <img src="./img/qryhd.png" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>



    </div>

    <div class="feet">
        <p>
            沪ICP备XXXXXXXXX号 | 经营证照 | 互联网药品信息服务资格证(沪)-经营性-2017-0006 | 违法和不良信息举报电话：XXX-XXXXXXXX | 沪B2-XXXXXXX |
        </p>
        <p>
            沪公网安备 XXXXXXXXX号 | 友情链接 | 出版物经营许可证 | 增值电信业务经营许可证
        </p>
        <div class="feet-img">
            <img src="./img/feet1.jpg" alt="">
            <img src="./img/feet2.jpg" alt="">
            <img src="./img/feet3.png" alt="">
            <img src="./img/feet4.jpg" alt="">
            <img src="./img/feet5.jpg" alt="">
            <img src="./img/feet6.png" alt="">
        </div>
    </div>





    <script src="./lib/slider/lib/jquery.min.js"></script>
    <script src="./lib/slider/lib/jquery.slidebox.js"></script>
    <!-- 引入当前文件的js -->
    <script src="./js/special.js"></script>
</body>

</html>